<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>社团活动详情</title>
    <link rel="stylesheet" href="../bs/css/bootstrap.css">
    <script src="../bs/js/jquery-3.2.1.min.js"></script>
    <script src="../bs/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/all.css">
    <link rel="stylesheet" href="../css/actDetails.css">
  </head>
  <body>
    <!-- 导航条 -->
      <nav class="navbar navbar-inverse ">
         <div class="container">
           <div class="navbar-header">
             <a href="#" class="navbar-brand">
               <img src="../img/logo.png" alt="Brand" height="100%">
             </a>
             <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mynavbar">
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
             </button>
           </div>
           <div id="mynavbar" class="collapse navbar-collapse">
             <!-- 导航条中的表单索搜框 -->
             <form action="#" class="navbar-form navbar-right">
                     <div class="form-group not_search" style="display:none;">
                         <input type="text" class="form-control " placeholder="search shefu">
                     </div>
                     <div class="form-group">
                       <a href="#" class="a_search">
                         <span class="glyphicon glyphicon-search" style="padding: 6px;"></span>
                       </a>
                     </div>
                 </form>
            <!-- 导航条中的表单索搜框end -->
               <ul class="nav navbar-nav navbar-right">
                 <li><a class="nav-a" href="../html/home.html">首页</a></li>
                 <li><a class="nav-a" href="../html/activity.html">社团活动</a></li>
                 <li><a class="nav-a" href="../html/interflow.html">交流功能</a></li>
                 <li><a class="nav-a" href="../html/parson.html">个人中心</a></li>
                 <li><a class="nav-a" href="../html/establish.html">社团创建申请</a></li>
                 <li><a class="nav-a" href="../html/market.html">跳蚤市场</a></li>
               </ul>
           </div>
         </div>
      </nav>
    <!-- 导航条END -->
    <!-- header -->
    <div class="act-header">
      <div class="container">
        <div class="header-div">
            <img class="pull-left header-img" src="../img/symbol.png" alt="">
            <h1 class="pull-left header-font">Activity Details</h1>
            <p class="font-small">相关活动的详情深入</p>
        </div>
      </div>
    </div>
      <!-- header END -->
    <!-- content -->
    <div class="act-content">
      <div class="container">
        <div class="act-content-into">
          <div class="row content-div">
            <div class="col-md-5 content-img-div">
              <img class="content-img" src="../img/a.jpg" alt="">
            </div>
            <div class="col-md-6 content-intro-div">
              <h2 class="intro-title">一次暗中正义于黑暗的较量</h2>
              <span class="pull-right heart-up">
                <img  src="../img/heart.png" alt="">
                <p class="heart-font">100</p>
              </span>
              <span class="intro-type">类型：讲座</span>
              <span class="intro-ing">报名中</span>
              <p>活动时间：2017/01/01-2018/01/01</p>
              <p>活动地点：广东省广州市天河区</p>
              <p>活动人员：100人/已0人报名</p>
              <p>活动电话：12345678909</p>
              <button class="btn btn-warning intro-btn-1">马上报名</button>
              <button class="btn btn-default intro-btn-2">取消</button>
            </div>
          </div>
          <div class="content-text">
            <p>这是一次同学们组织的活动 这是一次同学们组织的活动 这是一次同学们组织的活动
              这是一次同学们组织的活动这是一次同学们组织的活动这是一次同学们组织的活动
              这是一次同学们组织的活动这是一次同学们组织的活动这是一次同学们组织的活动
              这是一次同学们组织的活动这是一次同学们组织的活动这是一次同学们组织的活动
              这是一次同学们组织的活动这是一次同学们组织的活动这是一次同学们组织的活动
              这是一次同学们组织的活动这是一次同学们组织的活动这是一次同学们组织的活动
              这是一次同学们组织的活动这是一次同学们组织的活动这是一次同学们组织的活动
            </p>
          </div>
        </div>
      </div>
    </div>
    <!-- content END-->
    <!-- foot -->
      <div class="foot">
        <img src="../img/LOGO3.png" alt="logo">
        <p>Copyright© 2001-2014 Lingnan Education Group All Rights Reserved</p>
      </div>
      <!-- foot END -->
  </body>
  <script src="../js/all.js"></script>
</html>
